<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />
        <link rel="stylesheet" href="product_list_3.css" type="text/css" />
    </head>
    <body>
        <div class="container">

            <!-- PRODUCT LIST WIDGET -->
            <div id="product_list_wi_1" class="product_list_3">
                <div class="title">
                    <h1>Product list</h1>
                </div>
                <!-- End .title -->

                <div class="product_list">
                    <p class="page">Result page : <span>1</span></p>
                    <ul class="product_list">
                        <li class="products">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/products/1.png" alt="1" /></a>
                            </div>
                            <!-- End .image_wrapper -->

                            <div class="product_infor">
                                <div class="price">
                                    <span>1999,99$</span>
                                </div><!-- End .price -->
                                <div class="cart_button">
                                    <a href="#" class="add_to_cart">Ajouter au panier</a>
                                </div><!-- End .cart_button-->
                                <div class="clear"></div>
                                <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit Nulla suscipit elementum justo Nulla suscipit Nulla suscipit elementum justo Nulla suscipit</a>
                            </div>
                            <!-- End .product_infor -->
                        </li>
                        <!-- End .products -->

                        <li class="products">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/products/1.png" alt="1" /></a>
                            </div>
                            <!-- End .image_wrapper -->

                            <div class="product_infor">
                                <div class="price_change">
                                    <div class="change">
                                        <span class="promotion">-10%</span>
                                        <span class="old_price">210$</span>
                                    </div>
                                    <span class="new_price">199$</span>
                                </div><!-- End .price -->
                                <div class="cart_button">
                                    <a href="#" class="add_to_cart">Ajouter au panier</a>
                                </div><!-- End .cart_button-->
                                <div class="clear"></div>
                                <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                            </div>
                            <!-- End .product_infor -->
                        </li>
                        <!-- End .products -->

                        <li class="products">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/products/1.png" alt="1" /></a>
                            </div>
                            <!-- End .image_wrapper -->

                            <div class="product_infor">
                                <div class="price_change">
                                    <div class="change">
                                        <span class="promotion">-10%</span>
                                        <span class="old_price">210$</span>
                                    </div>
                                    <span class="new_price">199$</span>
                                </div><!-- End .price -->
                                <div class="cart_button">
                                    <a href="#" class="add_to_cart">Ajouter au panier</a>
                                </div><!-- End .cart_button-->
                                <div class="clear"></div>
                                <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                            </div>
                            <!-- End .product_infor -->
                        </li>
                        <!-- End .products -->

                        <li class="products">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/products/1.png" alt="1" /></a>
                            </div>
                            <!-- End .image_wrapper -->

                            <div class="product_infor">
                                <div class="price">
                                    <span>1999,99$</span>
                                </div><!-- End .price -->
                                <div class="cart_button">
                                    <a href="#" class="add_to_cart">Ajouter au panier</a>
                                </div><!-- End .cart_button-->
                                <div class="clear"></div>
                                <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                            </div>
                            <!-- End .product_infor -->
                        </li>
                        <!-- End .products -->

                        <li class="products">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/products/1.png" alt="1" /></a>
                            </div>
                            <!-- End .image_wrapper -->

                            <div class="product_infor">
                                <div class="price">
                                    <span>1999,99$</span>
                                </div><!-- End .price -->
                                <div class="cart_button">
                                    <a href="#" class="add_to_cart">Ajouter au panier</a>
                                </div><!-- End .cart_button-->
                                <div class="clear"></div>
                                <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                            </div>
                            <!-- End .product_infor -->
                        </li>
                        <!-- End .products -->

                        <li class="products">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/products/1.png" alt="1" /></a>
                            </div>
                            <!-- End .image_wrapper -->

                            <div class="product_infor">
                                <div class="price_change">
                                    <div class="change">
                                        <span class="promotion">-10%</span>
                                        <span class="old_price">210$</span>
                                    </div>
                                    <span class="new_price">199$</span>
                                </div><!-- End .price -->
                                <div class="cart_button">
                                    <a href="#" class="add_to_cart">Ajouter au panier</a>
                                </div><!-- End .cart_button-->
                                <div class="clear"></div>
                                <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                            </div>
                            <!-- End .product_infor -->
                        </li>
                        <!-- End .products -->

                        <li class="products">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/products/1.png" alt="1" /></a>
                            </div>
                            <!-- End .image_wrapper -->

                            <div class="product_infor">
                                <div class="price_change">
                                    <div class="change">
                                        <span class="promotion">-10%</span>
                                        <span class="old_price">210$</span>
                                    </div>
                                    <span class="new_price">199$</span>
                                </div><!-- End .price -->
                                <div class="cart_button">
                                    <a href="#" class="add_to_cart">Ajouter au panier</a>
                                </div><!-- End .cart_button-->
                                <div class="clear"></div>
                                <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                            </div>
                            <!-- End .product_infor -->
                        </li>
                        <!-- End .products -->

                        <li class="products">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/products/1.png" alt="1" /></a>
                            </div>
                            <!-- End .image_wrapper -->

                            <div class="product_infor">
                                <div class="price_change">
                                    <div class="change">
                                        <span class="promotion">-10%</span>
                                        <span class="old_price">210$</span>
                                    </div>
                                    <span class="new_price">199$</span>
                                </div><!-- End .price -->
                                <div class="cart_button">
                                    <a href="#" class="add_to_cart">Ajouter au panier</a>
                                </div><!-- End .cart_button-->
                                <div class="clear"></div>
                                <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                            </div>
                            <!-- End .product_infor -->
                        </li>
                        <!-- End .products -->

                        <li class="products">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/products/1.png" alt="1" /></a>
                            </div>
                            <!-- End .image_wrapper -->

                            <div class="product_infor">
                                <div class="price_change">
                                    <div class="change">
                                        <span class="promotion">-10%</span>
                                        <span class="old_price">210$</span>
                                    </div>
                                    <span class="new_price">199$</span>
                                </div><!-- End .price -->
                                <div class="cart_button">
                                    <a href="#" class="add_to_cart">Ajouter au panier</a>
                                </div><!-- End .cart_button-->
                                <div class="clear"></div>
                                <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                            </div>
                            <!-- End .product_infor -->
                        </li>
                        <!-- End .products -->
                    </ul>
                    <!-- End .product_list -->
                    <div class="clear"></div>
                    <div class="wrapper_pagination">
                        <div class="count_page">
                            <p>Displaying 1 to 4 (of 12  reviews)</p>
                        </div>   
                        <!-- End .count_page -->

                        <div class="pagination">
                            <ul>
                                <li class="result">Result page :</li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li class="next"><a href="#">[next>>]</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>   
                        <!-- End .pagination -->
                    </div>
                    <!-- End .wrapper_pagination -->
                </div>


            </div>
            <!-- END NEWS LIST WIDGET -->
        </div>
    </body>
</html>